<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Simple Test Website</title>
  </head>
  <body>
    <h1>Sections</h1>
    <div>
      <h2>-- TABLE OF CONTENTS --</h2>
      <ul>
<li><a href="#h1">H1</a><ul><li>
<a href="#h2">H2</a><ul><li>
<a href="#h3">H3</a></li></ul></li></ul></ul>
    </div>
    <div>
      <h2>-- SECTION BEGIN --</h2>
      <div><div id="h1"><h1><a class="" href="#h1">H1</a></h1><p>Lorem Ipsum 1</p></div></div>
      <h2>-- SECTION END --</h2>
    
      <h2>-- SECTION BEGIN --</h2>
      <div><div id="h2"><h2><a class="" href="#h2">H2</a></h2><p>Lorem Ipsum 2</p></div></div>
      <h2>-- SECTION END --</h2>
    
      <h2>-- SECTION BEGIN --</h2>
      <div><div id="h3"><h3><a class="" href="#h3">H3</a></h3><p>Lorem Ipsum 3</p><p>This is a footnote<sup class="footnote-ref"><a href="#fn-1" id="fn-1-ref-1">1</a></sup></p></div></div>
      <h2>-- SECTION END --</h2>
    </div>
  </body>
</html>